import React from "react";
import styles from "./index.module.scss";
import ZupClipImg from "@/components/ZupClipImg";

const data = [
  {
    createTime: "2023-04-17 17:26:21",
    creatorId: null,
    creatorName: "",
    fileName: "20200421143251_hrpic.jpg",
    filePath: "/goods/1681723389389/img/20230417_17262140137.jpg",
    id: 192,
    isFrame: null,
    moduleName: "goods",
    type: "img",
    updateTime: "2023-04-17 17:26:21",
  },
  {
    createTime: "2023-07-11 11:27:47",
    creatorId: null,
    creatorName: "",
    fileName: "1.jpg",
    filePath: "/goods/1681723389389/img/20230711_11274732960.jpg",
    id: 387,
    isFrame: null,
    moduleName: "goods",
    type: "img",
    updateTime: "2023-07-11 11:27:47",
  },
  {
    createTime: "2023-07-11 11:27:47",
    creatorId: null,
    creatorName: "",
    fileName: "999999999999999.jpg",
    filePath: "/goods/1681723389389/img/20230711_11274732960.jpg",
    id: 311,
    isFrame: null,
    moduleName: "goods",
    type: "img",
    updateTime: "2023-07-11 11:27:47",
  },
];

function A5ClipUp() {
  return (
    <div className={styles.A5ClipUp}>
      <ZupClipImg
      max={10}
      fileData={data}
      myUrl="https://ytxbwg.4dage.com/api/cms/goods/upload"
      fromData={{ type: "img", dirCode: "文件code码" }}
      />
    </div>
  );
}

const MemoA5ClipUp = React.memo(A5ClipUp);

export default MemoA5ClipUp;
